import { Switch, Route } from 'react-router'
import { BrowserRouter, NavLink } from 'react-router-dom'
import React from 'react';
import logo from './logo.svg';
import './App.css';
import Home from '../Home'
import Home2 from '../Home2'
import Test from '../Test'
import R1 from '../R1'
import R2 from '../R2'

function App() {
  return (
    <BrowserRouter>
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            Edit <code>src/App.tsx</code> and save to reload.
        </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            Learn React
        </a>
        </header>
        <Home />
        <Home2 home="asdfasf" />
        <Test />
        <ul>
          <li><NavLink to="/a" activeClassName="selected">page a</NavLink></li>
          <li><NavLink to="/b" activeClassName="selected">page b</NavLink></li>
        </ul>
      </div>
    </BrowserRouter>
  );
}

export default App;
